<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html><html lang="en">
	<head>
		<!--加载header文件-->
		<?php
		include_once 'public/views/header.php';
		include_once 'public/home/html/alert.php';
		?>
		<link rel="stylesheet" href="public/css/list.css" />
		<link rel="stylesheet" href="public/xr/xrDatatable.css" />
		<script src="public/xr/xrDatatable.js"></script>
		<script src="public/js/list.js"></script>
		<script src="public/home/js/function.js"></script>
		<script src="cust/js/supervisionOther.js"></script>
		<style>
			.tab-item{
				float: left;
				height:40px;
				width:auto;
				padding:0px 10px;
				line-height: 40px;
				text-align: center;
				border-bottom:1px solid #0F7CE0;

				font-size: 14px;
				font-weight: bold;
				cursor: pointer;
				background-color: #eee;
				border-right:1px solid #fff;
				border-radius: 5px 5px 0px 0px;
				margin-top: 5px;
			}
			.tab-item-check{
				
				border-right:1px solid #0F7CE0!important;
				border-top:5px solid #0F7CE0;
				color:#0F7CE0!important;
				/*background-color: #fff!important;*/
				box-shadow: -5px -5px 5px #999; 
				border-bottom:none!important;
				line-height: 35px!important;
				/*margin-bottom: 1px;*/
				background-color: #fff!important;
			}
			.folder-box,.document-box{
				margin-top: 10px;
			}
			.folder-content,.document-content{
				height:130px;
				float: left;
				width:130px;
				padding:0px 10px;
				cursor: pointer;
				border-radius: 5px;
				position: relative;
			}
			.folder-content:hover,.document-content:hover{
				background-color: #eee;
			}
			.img{
				height: 110px;
				width:100%;
				margin-top:5px;
			}
			.add-img{
				height: 110px;
				width:100%;
				margin-top:10px;
			}
			.title,.title:hover{
				display: block;
				height:20px;
				line-height: 5px;
				font-size:12px;
				color:#444;
				text-align: center;
				text-decoration:none;
				out-line:none;
			}
			.list{
				position: relative;
			}
			.list-icon{
				color: #0F7CE0;
				font-size: 20px;
				position: absolute;
				top:5px;
				right:5px;
			}
			.list-icon:hover>.list-content{
				display: block;
				-webkit-animation: spopIn 0.2s ease-in-out;
          		animation: spopIn 0.2s ease-in-out; 
			}

			.list-content{
				height:auto;
				width:100px;
				position: absolute;
				top:18px;
				right:0px;
				z-index: 999;
				background-color: white;
				border:1px solid #eee;
				display: none;
				border-radius: 4px;
			}
			.list-content-item{
				font-size: 12px;
				color:#444;
				border-bottom:1px solid #eee;
				height:30px;
				line-height: 30px;
				text-align: left;
			}
			.list-content-item-icon{
				font-size: 15px;
				margin-right: 7px;
				margin-left:10px;
			}
			.delete i{
				color: #dd2727;
			}
			.reset-name i{
				color: #0F7CE0;
			}
		</style>
	</head>  
	<body> 
		<div class="folder-demo hide">
			<div class="folder-content">
				<div class="list icon-list list-icon">
					<!-- <div class="icon-list list-icon"></div> -->
					<div class="list-content">
						<div class="list-content-item reset-name" onclick="resetName(this)"><i class="icon-edit  list-content-item-icon"></i>重命名</div>
						<div class="list-content-item delete" onclick="delFolder(this)"><i class="icon-remove-sign  list-content-item-icon"></i>删除</div>
					</div>
				</div>
				<img class="img" src="<?php echo base_url() ?>public/home/images/no_folder.png" alt="" ondblclick="showDocument(this)">
				<a class="title">新建文件夹</a>
			</div>
		</div>

		<div class="document-demo hide">
			<div class="document-content">
				<div class="list icon-list list-icon">
					<!-- <div class="icon-list list-icon"></div> -->
					<div class="list-content">
						<div class="list-content-item reset-name" onclick="resetDocumentName(this)"><i class="icon-edit  list-content-item-icon"></i>重命名</div>
						<div class="list-content-item delete" onclick="delDocument(this)"><i class="icon-remove-sign  list-content-item-icon"></i>删除</div>
					</div>
				</div>
				<img class="img" src="<?php echo base_url() ?>public/home/images/document.png" alt="" ondblclick="editDocument(this)">
				<a class="title">新建文件</a>
			</div>
		</div>

		<div class="document-add-demo hide">
			<div class="document-content">
				<img class="add-img" src="<?php echo base_url() ?>public/home/images/add-document.png" alt="" onclick="addDocument()">
			</div>
		</div>
		<input type="hidden" id="now-folder-id" value="">
		<div class="page-container container">


			<div class="operationRow tab-div" style="border:none; padding:0px;">
				<?php foreach ((new OtherTableType)->getAll() as $k => $v): ?>
				<div class="tab-item <?php if($k==0) echo 'tab-item-check' ?>" data-type="<?php echo $v[XPHEnum::Value] ?>"><?php echo $v[XPHEnum::Caption] ?></div>
				<?php endforeach ?>
			</div>

			<div style="height:10px; width:100%; clear: both;"></div>

			<div class="operationRow folder-operation" style="border:1px solid #0F7CE0; border-top:none;">
				<button class="pageItemButton" onclick="addFolder()"><i class="icon-envelope-alt"></i>新建文件夹</button>
			</div>
			<div class="operationRow document-operation" style="border:1px solid #0F7CE0; border-top:none;">
				<button class="pageItemButton" onclick="doBack()"><i class="icon-arrow-left"></i>返回</button>
			</div>


			<!-- 文件夹盒子 -->
			<div class="folder-box">

			</div>
			<!-- 文件盒子 -->
			<div class="document-box">

			</div>















		</div>
	</body>
</html>